<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="title" content="个人免签支付收款系统" />
		<meta
			name="description"
			content="基于vue、nodejs和mysql，提供全流程下单、支付、审核和统计已经权限等功能，兼容各服务器和语言，'零'配置，部署简单，可二次开发。"
		/>
		<meta name="keywords" content="个人 支付 收款 实时 审核 安全 微信 支付宝" />
		<link rel="stylesheet" href="./styles/reset.css" />
		<link rel="stylesheet" href="./styles/hydrate.css" />
		<link rel="stylesheet" href="./font/iconfont.css" />
		<link rel="stylesheet" href="./styles/shopping.css" />
		<title>支付体验</title>
	</head>

	<body>
		<div>
			<div>
				<div class="d6 d7 d8 ai">
					<header class="dg dh di">
						<div class="d2 dj dk ak dl ai">
							<h1 class="dm bd dn do">
								<a href="/index.html" style="color:inherit; text-decoration: none;">
									<i class="iconfont iconpaypal" style="font-size: 27px;"></i>
								</a>
							</h1>
							<nav class="bo">
								<a href="/#introduce" class="dq bh dr ds do bi dt du dv dw dx">介绍</a>
								<a href="/#flow" class="dq bh dr ds do bi dt du dv dw dx">流程</a>
								<a href="/#cost" class="dq bh dr ds do bi dt du dv dw dx">成本</a>
								<a href="/shopping.html" class="dq bh dr ds do bi dt du dv dw dx">体验</a>
							</nav>
							<a
								href="https://www.jianshu.com/u/819ce4ffa08c"
								class="dy dz bo dq bh dr ds do bi dt du dv dw dx"
								>博客</a
							>
						</div>
					</header>
					<div class="e8 d2 dk dl ak dg e9 ea">
						<div style="margin:0 auto;text-align:center;">
							<h1 class="shopping_h1">
								支付体验
							</h1>
							<p class="shopping_p">
								支付成功后将会收到邮件或短信通知，当支付金额大于50.00时将为您开通管理系统权限，如需项目合作请支付金额大于100.00，我们将有专人与您对接。
							</p>
						</div>
					</div>
				</div>
				<div class="du f0 f1">
					<div class="ff dg ar cc title">
						<div class="fg dz fh fi en fj fk b7 fc fd fe dn">
							在线下单
						</div>
						<div class="fp d2 dj fq ak dg em fr fs">
							<form id="form">
								<div class="item">
									<label class="name">商品</label>
									<select class="contain" name="price">
										<option value="0.01">测试 ￥1.00</option>
										<option value="5.00" selected>打赏 ￥5.00</option>
										<option value="50.00">开通权限 ￥50.00</option>
										<option value="100.00">项目对接 ￥100.00</option>
									</select>
								</div>
								<div class="item">
									<label class="name">姓名</label>
									<input class="contain" type="text" name="username" placeholder="请输入您的姓名" />
								</div>
								<div class="item">
									<label class="name">手机</label>
									<input class="contain" type="text" name="phone" placeholder="请输入您的手机号码" />
								</div>
								<div class="item">
									<label class="name">邮箱</label>
									<input class="contain" type="text" name="email" placeholder="请输入您的电子邮箱" />
								</div>
								<div class="item">
									<label class="name">留言</label>
									<input class="contain" type="text" name="remark" placeholder="请输入您的留言信息" />
								</div>
								<div class="item">
									<label class="name">支付</label>
									<div class="contain type">
										<label> <input name="type" type="radio" value="1" />支付宝 </label>
										<label> <input name="type" type="radio" value="2" checked />微信支付 </label>
									</div>
								</div>
								<div class="item">
									<div
										id="submit"
										onclick="submit()"
										class="eo bh ep dz bi eq dj er es dk dn et dt eu ev ew"
									>
										立即支付
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="gj dg el">
					<ul class="dl ak gk bc e8 d2 f3">
						<li class="du ds gl">
							<a class="dq bh dr ds do bi dt du dv dw dx">联系邮箱：1254765721@qq.com</a>
						</li>
						<li class="du ds gl">
							<a class="dq bh dr ds do bi dt du dv dw dx">详细微信：Msg-1995</a>
						</li>
						<li class="du ds gl">
							<a class="dq bh dr ds do bi dt du dv dw dx">办公地址：广州海珠</a>
						</li>
						<li class="du ds dy">
							<span class="du ds dr do dw">© 2019 Msgyvcici. All rights reserved.</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="dialog error">
			<div class="context">
				<div class="header">
					<span>提示</span>
					<i class="iconfont iconguanbi" onclick="closeTip()"></i>
				</div>
				<div class="body">
					<!-- message -->
				</div>
			</div>
		</div>
		<div class="dialog pay">
			<div class="context">
				<div class="header">
					<span>收款方（<label class="owner"></label>）</span>
				</div>
				<div class="body">
					<div class="top">扫一扫付款(元)</div>
					<div class="price"></div>
					<img class="qrcode" src="#" />
					<div class="scan weixin">
						请使用微信扫描<br />
						二维码以完成支付
					</div>
					<div class="scan alipay">
						打开手机支付宝<br />
						扫一扫继续付款
					</div>
					<div class="second"></div>
				</div>
				<div class="footer">
					<span class="how" onclick="showHelp()">无法支付?</span>
					<span class="btn" onclick="showResult()">确认已支付</span>
				</div>
			</div>
		</div>
		<div class="dialog result">
			<div class="context">
				<div class="header">
					<span>支付成功</span>
					<i class="iconfont iconguanbi" onclick="closeResult()"></i>
				</div>
				<div class="body">
					<p class="icon">
						<i class="iconfont iconchenggong"></i>
					</p>
					<p class="msg">
						支付成功
					</p>
					<p>
						<a class="btn" href="./index.html">返回首页</a>
					</p>
				</div>
			</div>
		</div>
		<script src="./scripts/request.js"></script>
		<script src="./scripts/shopping.js"></script>
		<script>
			Request.get('/api/start/access');
		</script>
	</body>
</html>
